
<style>
hover{
color: rgb(102, 102, 102); box-shadow: rgba(35, 25, 25, 0.496094) 0px 1px 5px; -webkit-box-shadow: rgba(35, 25, 25, 0.496094) 0px 1px 5px; 
}
</style>
  <section id="content">

<div id="container" class="transitions-enabled clearfix">

<?php foreach( $houseList as $h){ ?>

  <div class=" col1 goods" id="<?php echo $h->id?>" title="<?php echo $h->hs_id?>" >
    <div class="goods-pic" style="height:213px">
      <a href="" title="<?php echo $h->hs_id?>" target="_blank"> <img src="<?php echo $h->thumbPath?>" title="<?php echo $h->id?>" alt="<?php echo $h->id?>" height="213px"> </a>
      <a class="ilike-m" href="javascript:void(0);" data-type="0" data-proid="1138079" style="display: block; ">喜欢</a>
    </div>
    <div class="goods-stat clearfix">
      <span class="like-num">喜欢: 9 </em></span>
      <span class="fr ml5">评论: 9</span>
    </div>
    <ul class="comments">
      <li>
       主人： <span class="bname" id="<?php echo $h->id.'owner'?>"><?php echo $h->Users->username?></span>
      </li >
      <li>
        <span class="bsupplier" id="<?php echo $h->id.'bsupplier'?>"><?php echo $h->description?></span>
      </li >
      <li class="baddr">
        日期：<span class="bname" id="<?php echo $h->id.'haddress'?>"><?php echo $h->inputDate ?></span>
      </li>
      
    </ul>
  </div>
 
<?php }?>



  
  
  

</div> <!-- #container -->

<script>
    $( function() {

        var $container = $('#container');

        $container.imagesLoaded( function() {
            $container.masonry({
                itemSelector: '.goods',
                columnWidth: 80
                //isFitWidth: true,
                //isAnimated: !Modernizr.csstransitions
            });
        });
        
        $('.goods').click(function(){
        
        /*
        //need to send the house info into.....
        //build.showHouse({house_id:....,buildname:....,area:....,});
         var id=$(this).attr('id');
         var bname="#"+id+"bname";
         var haddr="#"+id+"baddress";
         var baddr="#"+id+"haddress";
         var bsupplier="#"+id+"bsupplier";
         var addr=$(baddr).html().trim()+" "+$(haddr).html().trim();
         var bdesc="#"+id+"bdesc";
         var hdesc="#"+id+"hdesc";
         var vbdesc=$(bdesc).text().trim();
         var barea="#"+id+"barea";
         build.showHouse({house_id:$(this).attr('id'),building_name:$(bname).text().trim(),building_addr:addr,
                          building_supplier:$(bsupplier).text().trim(),building_desc:vbdesc,house_desc:$(hdesc).html(),
                          house_area:$(barea).text()});
          */
          
         window.location.href=buildUrl+"&hsId="+$(this).attr('title')+"&uhId="+$(this).attr('id');
          
          
          return false;
        });
    });
</script>
  </section> <!-- #content -->